$wh: 48px;
.icon-list {
	grid-template-columns: repeat(auto-fit, minmax($wh, 1fr));
	grid-template-rows: repeat(auto-fill, minmax($wh, 1fr));
	li {
		width: 100%;
		height: 100%;
		min-height: $wh;
		padding: 0;
	}
}
.wallpaper {
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	li {
		height: 100px;
	}
}
:deep(.ant-card-body) {
	height: 400px;
	width: 500px;
	overflow-y: auto;
}

ul {
	display: grid;
	gap: 8px;
	li {
		height: 80px;
		border: 1px solid transparent;
		padding: 4px;
		border-radius: var(--radius);
		background: #f8f8f89d;
		&:hover {
			background: #e9e9e9c4;
		}
	}
	img {
		width: 100%;
		height: 100%;
		border-radius: var(--radius);
		object-fit: contain;
		padding: 4px;
	}
	li.active {
		border: 1px solid var(--primary);
		background: var(--color-primary-bg);
	}
}
:deep(.ant-card-actions li) {
	margin: 4px 0;
}
